document.body.className = 'index';

$(function(){
  $('.index-partner-wrapper').on('click',()=>{
    $('.index-partner-wrapper .box').hide()
  })
})
// $(function () {
//   $('.index-partner-wrapper').on('click', () => {
//     $(function () {
//       $('.index-partner-wrapper').on('click', () => {
//         $('.index-partner-wrapper .box').hide()
//       })
//     })
// })




    // -----挂载vue-----
    new Vue({
      el: ".swiper_wrap",
      data: {
        // 动画是否执行
        opciety: false,
        // 对比下标
        setIndex: 0,
        // 图片的宽度
        aLiWidth: null,
        // 定义数据流体
        setX: 0,
        // 图片数据
        list: ["/img/swiper/5.jpg", "/img/swiper/1.jpg", "/img/swiper/2.jpg", "/img/swiper/3.jpg", "/img/swiper/4.jpg", "/img/swiper/5.jpg", "/img/swiper/1.jpg",]
      },
      methods: {
        onTapPicker(index) {
          // 小白块点击
          this.setIndex = index
        },
        setTime() {
          // 定时器
          // 执行自动轮播
          setInterval(() => {
            this.opciety = true
            this.setIndex++
          }, 2000)
        },
        transitionend() {
          // 动画结束后实行重置效果
          console.log(this.setIndex, "时间结束")
          if (this.setIndex == this.list.length - 2) {
            // 定义无缝轮播效果
            this.setIndex = 0
            this.opciety = false
          }
        }
      },
      mounted() {
        // 初始化默认数据流
        this.aLiWidth = this.$refs.aLi[0].offsetWidth
        this.setX = -this.$refs.aLi[0].offsetWidth
        // 数据流定义完成，调用定时器，实现自动轮播
        this.setTime()
      },
      watch: {
        setIndex(val, oldVal) {
          // 监听下标变化实现位置调动
          this.setX = this.$refs.aLi[0].offsetWidth * -this.setIndex - this.$refs.aLi[0].offsetWidth
        }
      }
    })
    // -----挂载vue-----


